<template>
    <ul class="list">

      <li

        v-for="item of listData"

        @click="changeTitle( item )"

      >
        {{ item.title }}
      </li>

    </ul>
</template>

<script>

  import {mapState,mapGetters,mapActions,mapMutations} from 'vuex'

export default {

  computed:{

    listData(){
      return this.$store.state.selectModule.list;
    }
  },

  methods:{

  //使用mapMutations辅助函数
    ...mapMutations({

      //当我们要传递参数的时候把参数放在changeTitle(参数)中传递过去
      changeTitle:'titleHandle'

    }),
  },

  created(){
    //提交一个actions，在actions中执行异步操作来获取数据

    this.$store.dispatch('getList');

  }


}
</script>
